<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <link href="../css/main.css" rel="stylesheet">
	<title>一级菜单第一个</title>
</head>
<body>
	<div class="main">
		<!-- 大的搜索条目 -->
		<div class="main_search">
			<div class="search_right">
				<a href="main55_add1.html" class="add_info">+新建专栏</a>
			</div>
		</div>
		<!-- 大的搜索条目 -->
		<!-- 四条专栏 -->
		<div class="content">
			<div class="content_title">
				<p>舞蹈专栏</p>
				<div class="right10">
					<a href="javascript:void(0)" class="open_issue">收起</a>
				</div>
				<div class="door">
					<ul class="clear">
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>溜溜的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>神奇的胖子</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="content_title">
				<p>音乐专栏</p>
				<div class="right10">
					<a href="javascript:void(0)" class="open_issue">展开</a>
				</div>
				<div class="door disN">
					<ul class="clear">
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="content_title">
				<p>武术专栏</p>
				<div class="right10">
					<a href="javascript:void(0)" class="open_issue">展开</a>
				</div>
				<div class="door disN">
					<ul class="clear">
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="content_title">
				<p>电影专栏</p>
				<div class="right10">
					<a href="javascript:void(0)" class="open_issue">展开</a>
				</div>
				<div class="door disN">
					<ul class="clear">
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
						<li><a href="main55_add2.html"><img src="../img/qqq.gif"><span>灵活的胖子</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 四条专栏 -->
		
	</div>

<script src="../js/jquery-1.8.1.min.js"></script>

<script type="text/javascript">
	// 展开收起问题
	$(".open_issue").click(function () {
		if ($(this).parents("right10").next('.door').is(":hidden")) {}else{
			$(".open_issue").html("展开");
			$(this).html("收起");
			$(".door").hide();
			$(this).parents(".content_title").children(".door").show();
		}
	})
	
</script>

</body>
</html>